import { Metadata } from "next";
import { GoalForm } from "../../components/goal-form";
import { use } from "react";

export const metadata: Metadata = {
  title: "Edit Goal | Finance",
  description: "Edit your financial goal",
};

export default function EditGoalPage({ params }: { params: { id: string } }) {
  const unwrappedParams = use(params);
  return (
    <div className="container mx-auto py-8">
      <h1 className="text-2xl font-bold tracking-tight mb-6">Edit Goal</h1>
      <GoalForm goalId={parseInt(unwrappedParams.id)} />
    </div>
  );
}